import React from "react";
import styles from "../../../css/attendance.module.css";
import { locationTo } from "../../../utils/LocationUtil";
import * as locations from '../../../const/locations'
import { Debt, Common, Attend } from "../../../const/imgs"
class ApplyScreen extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedIndex: 0
    };
  }
  navigate = (e) => {
    this.setState({
      selectedIndex: e
    })
  }
  render() {
    return (
      <div>
        <div className={styles['attend_container']}>
          <div className={styles['stat_item_w']}
            onClick={() => {
              locationTo(locations.APPLY)
            }}
          >
            <div className={styles['stat_item_key']}>
              <img src={Attend.SQJL} alt='' style={{ width: '16px', marginRight: '5px' }} />
              申请记录
          </div>
            <div className={styles['stat_item_value']}>
              <img src={Debt.YJT} style={{ width: '8px' }}  alt='' />
            </div>
          </div>
        </div>
        <div className={styles['attend_container']}>
          <div style={{ display: 'flex', background: '#fff' }}>
            <div className={styles['apply_flex']}
              style={{flexDirection:'column'}}
              onClick={() => {
                locationTo(locations.RECARD)
              }}
            >
              <img src={Attend.BUKA} style={{width:'32px',height:'32px',marginBottom:'8px'}} alt=''/>

              <div>
                补卡申请
              </div>
            </div>
            <div className={styles['apply_flex']}
             style={{flexDirection:'column'}}
              onClick={() => {
                locationTo(locations.LEAVE)
              }}
            >
              <img src={Attend.QJSQ}  style={{width:'32px',height:'32px',marginBottom:'8px'}} alt='' />
              <div>
                请假申请
              </div>
            </div>
          </div>
        </div>
      </div>
    );
  }
}


// const mapStateToProps = state => {
//   return {

//   };
// };

// const mapDispatchToProps = dispatch => {
//   return {
//     setInfo(taskId) {
//       let params = {
//         taskId: taskId,
//       };
//       dispatch(Actions.actionSelectId(params));
//     }
//   };
// };

// export default connect(mapStateToProps, mapDispatchToProps)(HomeScreen);
export default ApplyScreen;
